import { createApp } from 'vue'
import { createPinia } from 'pinia'
import App from './App.vue'
import router from './router'
import './style.css'

// Font Awesome Icons
import { library } from '@fortawesome/fontawesome-svg-core'
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
import {
  faChartLine,
  faDog,
  faBox,
  faShoppingCart,
  faClipboardList,
  faSignOutAlt, // Add logout icon as well
  faPaw, // Add paw icon for the logo
  faCartPlus,
  faEdit,
  faTrash // Import icons for product actions
} from '@fortawesome/free-solid-svg-icons'

// Add icons to the library
library.add(faChartLine, faDog, faBox, faShoppingCart, faClipboardList, faSignOutAlt, faPaw, faCartPlus, faEdit, faTrash)

// 创建应用实例
const app = createApp(App)

// 注册 Font Awesome 组件
app.component('font-awesome-icon', FontAwesomeIcon)

// 使用插件
app.use(createPinia())
app.use(router)

// 挂载应用
app.mount('#app')
